<template>
    <div class="trainContent">
      <el-breadcrumb separator="/" class="breadcrumb-bottom">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>

      <el-form :model="trainContentForm" :rules="rules" ref="trainContentForm" label-width="0px">
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item prop="">
              <el-input v-model="trainContentForm.className" placeholder="请输入班级名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item prop="">
              <el-input v-model="trainContentForm.className" placeholder="请输入班级名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item prop="">
              <el-input v-model="trainContentForm.className" placeholder="请输入班级名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6" class="overflow-clear">
            <el-button type="primary" @click="submitForm('trainContentForm')" class="float-right">立即搜索</el-button>
          </el-col>
        </el-row>
      </el-form>
      <hr>

      <div>
        <div class="float-left table-title-before">
          专业培养内容管理
        </div>
        <router-link to="/TrainPlanStuff" style="margin-bottom:4px;" class="float-right">
          <el-button type="primary" >新增内容</el-button>
        </router-link>
      </div>

      <el-table
        :data="tableData"
        border
        style="width: 100%">
        <el-table-column
          prop="courseName"
          label="课程名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop="credit"
          label="学分"
          width="180">
        </el-table-column>
        <el-table-column
          prop="hours"
          label="学时"
          width="180">
        </el-table-column>
        <el-table-column
          prop="assign"
          label="学时分配方式及时长"
          width="180">
        </el-table-column>
        <el-table-column
          label="每周学时分配">
          <el-table-column
            prop="lecture"
            label="讲课">
          </el-table-column>
          <el-table-column
            prop="machine"
            label="上机">
          </el-table-column>
          <el-table-column
            prop="experiment"
            label="实验">
          </el-table-column>
          <el-table-column
            prop="practice"
            label="实践">
          </el-table-column>
        </el-table-column>

        <el-table-column
          prop="scoringPattern"
          label="计分方式"
          width="180">
        </el-table-column>

        <el-table-column
          prop="address"
          label="操作">
          <template scope="scope">
            <router-link to="/TrainPlanStuff"><i class="el-icon-edit"></i></router-link>
          </template>
        </el-table-column>
      </el-table>
    </div>
</template>
<style>
</style>
<script>
    export default{
        name: 'trainContent',
        data(){
            return{
                trainContentForm:{},
                tableData: [
                    {
                        courseName: 'courseName',
                        credit: 'credit',
                        hours: 'hours',
                        assign: 'assign',
                        lecture: 'lecture',
                        machine: 'machine',
                        experiment: 'experiment',
                        practice: 'practice',
                        scoringPattern: 'scoringPattern'
                    }
                ]
            }
        },
        components:{

        }
    }
</script>
